@media screen and (min-width: 300px) {
    .container {
        font-size: 3px;
    }
}

@media screen and (min-width: 500px) {
    .container {
        font-size: 5px;
    }
}

@media screen and (min-width: 800px) {
    .container {
        font-size: 8px;
    }
}

@media screen and (min-width: 1024px) {
    .container {
        font-size: 10px;
    }
}

@media screen and (min-width: 1280px) {
    .container {
        font-size: 12px;
    }
}

@media screen and (min-width: 1366px) {
    .container {
        font-size: 13px;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        font-size: 14px;
    }
}

@media screen and (min-width: 1600px) {
    .container {
        font-size: 15px;
    }
}

@media screen and (min-width: 1680px) {
    .container {
        font-size: 16px;
    }
}

@media screen and (min-width: 1920px) {
    .container {
        font-size: 18px;
    }
}

@media screen and (min-width: 2560px) {
    .container {
        font-size: 20px;
    }
}

.container {
    .font10 {
        font-size: 0.55em;
    }

    .font12 {
        font-size: 0.66em;
    }

    .font14 {
        font-size: 0.77em;
    }

    .font16 {
        font-size: 0.88em;
    }

    .font18 {
        font-size: 1em;
    }

    .font20 {
        font-size: 1.11em;
    }

    .font22 {
        font-size: 1.22em;
    }

    .font24 {
        font-size: 1.33em;
    }

    .font26 {
        font-size: 1.44em;
    }

    .font28 {
        font-size: 1.55em;
    }

    .font30 {
        font-size: 1.66em;
    }

    .font32 {
        font-size: 1.77em;
    }

    .font34 {
        font-size: 1.88em;
    }

    .font36 {
        font-size: 2em;
    }

    .font38 {
        font-size: 2.11em;
    }

    .font40 {
        font-size: 2.22em;
    }

    .font42 {
        font-size: 2.33em;
    }

    .font44 {
        font-size: 2.44em;
    }

    .font46 {
        font-size: 2.55em;
    }

    .font48 {
        font-size: 2.66em;
    }

    .font50 {
        font-size: 2.77em;
    }

    .font52 {
        font-size: 2.88em;
    }

    .font54 {
        font-size: 3em;
    }

    .font56 {
        font-size: 3.11em;
    }

    .font60 {
        font-size: 3.33em;
    }

    .font62 {
        font-size: 3.44em;
    }

    .font64 {
        font-size: 3.55em;
    }

    .font66 {
        font-size: 3.66em;
    }

    .font68 {
        font-size: 3.77em;
    }

    .font70 {
        font-size: 3.88em;
    }

    .font72 {
        font-size: 4em;
    }

    .font80 {
        font-size: 4.44em;
    }

    .font90 {
        font-size: 5em;
    }

    .font100 {
        font-size: 5.55em;
    }

    .font120 {
        font-size: 6.66em;
    }

    .font140 {
        font-size: 7.77em;
    }

    .font150 {
        font-size: 8.33em;
    }

    .font160 {
        font-size: 8.88em;
    }

    .font180 {
        font-size: 10em;
    }

    .font190 {
        font-size: 10.55em;
    }

    .font200 {
        font-size: 11.11em;
    }
}